<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
</head>
<body>
    <h1><span> 这是标题</span></h1>
    <input type="text " placeholder="请输入用户名"><br>
    <button id='btn1'>获取</button>
    <button id='btn2'>设置</button>
</body>
<script src="../lib/jquery.min.js"></script>
<script>
    $(function(){ 
       $("#btn2").click(function(){
            //html（）可以传递参数 用于修改 元素内容 可以识别a标签
            $('h1').html("<a href='#'>这是新的标题</a>")
            $('h1').text("<a href='#'>这是新的标题</a>")
           //val可以传参数 用于设置表单控件的值
            $('input').val("zhangsan")
       })
        $('#btn1').click(function(){
            //HTML()用户获取HTML内容 包含标签名称
            var h1=$('h1').html()
            console.log(h1);
            //text（）用于获取html纯文本内容  不包含标签
            h1=$('h1').text()
            console.log(h1);
            //val方法用户获取表单控件的值
            h1=$('input').val()
            console.log(h1);
        })
       
    });
</script>
</html>